<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />

<link href="css/H-ui.min.css" rel="stylesheet" type="text/css" />
<link href="css/H-ui.admin.css" rel="stylesheet" type="text/css" />
<link href="lib/icheck/icheck.css" rel="stylesheet" type="text/css" />
<link href="lib/Hui-iconfont/1.0.6/iconfont.css" rel="stylesheet" type="text/css" />
<link href="lib/webuploader/0.1.5/webuploader.css" rel="stylesheet" type="text/css" />

<title>添加模板</title>
</head>
<body>
	<div class="pd-20 form form-horizontal">	
        <div class="row cl">
			<label class="form-label col-xs-4 col-sm-3">模板名称：</label>
            <div class="form-label col-xs-4 col-sm-3">
                <input type="text" class="input-text" value="${u_template.tpl_name}"  readonly>
        	</div>
		</div>
				
        <div class="row cl">
			<label class="form-label col-xs-4 col-sm-3">示意图：</label>
		</div>
		
		<div class="row cl">
        	<label class="form-label col-xs-4 col-sm-3"></label>
			<div class="formControls col-xs-8 col-sm-5" style="align:right">		
				<img src="${u_template.tpl_thumb}"  id="pre_img"  style="width:100px; height:100px" />			
			</div>
		</div>
		
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3">适用模块：</label>
            <div class="form-label col-xs-4 col-sm-3">           	            
	             <c:forEach items="${template_module}" var="module">														
					<input type="checkbox" value="${module.item_value}" name="typetags" 
					<c:if test="${fn:contains(u_template.type,module.item_value)}"> checked="true"</c:if>/>
					[${module.display_name}]				
				</c:forEach>	            	            
        	</div>
		</div>
		
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3">广告投入额：</label>
            <div class="form-label col-xs-4 col-sm-3">
               <span class="select-box" style="text-align:left"> 
					<c:forEach items="${template_price}" var="price">
						<c:if test="${u_template.tpl_level == price.item_value}"> 
							${price.display_name}
						</c:if>
					</c:forEach>			
				</span>
        	</div>
		</div>
		
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3">文字说明：</label>
            <div class="form-label col-xs-4 col-sm-3">
                <input type="text" class="input-text" value="${u_template.tpl_desc}"  readonly>
        	</div>
		</div>
			
        <div class="row cl">
			<label class="form-label col-xs-4 col-sm-3">背景图片：</label>
            <div class="form-label col-xs-4 col-sm-3">
              	<span class="select-box" style="text-align:left"> 
				<c:forEach items="${template_img_list}" var="template_list">					
					<c:if test="${u_template.bg_image == template_list.RESOURCE_ID}">
						<P>${template_list.RES_NAME}</P>		
					</c:if>						
				</c:forEach>
				</span>
        	</div>
        </div>
      
        <div class="row cl">
        	<label class="form-label col-xs-4 col-sm-3"></label>
			<div class="formControls col-xs-8 col-sm-5">		
				<c:forEach items="${template_img_list}" var="template_list">
	        		<c:if test="${u_template.bg_image == template_list.RESOURCE_ID}">
						<img src = "${template_list.RES_IMAGE}" style="width:80px;height:80px">
					</c:if>
				</c:forEach>		
			</div>
		</div>
				
        <div class="row cl">
			<label class="form-label col-xs-4 col-sm-3">背景音乐：</label>
            <div class="form-label col-xs-4 col-sm-3">	
				<span class="select-box" style="text-align:left"> 						
					<c:forEach items="${template_audio_list}" var="template_list">					
						<c:if test="${u_template.bg_audio == template_list.RESOURCE_ID}">						
							<P>${template_list.RES_NAME}<P>
						</c:if>
						
					</c:forEach>		
				</span> 
        	</div>
		</div>
		
		
		<div class="row cl">
        	<label class="form-label col-xs-4 col-sm-3"></label>        	
        	<c:forEach items="${template_audio_list}" var="template_list">					
              	<input type="hidden" id="template_audio_list" name="template_audio_list" value="${template_list.RESOURCE_ID}" />
				<c:if test="${u_template.bg_audio == template_list.RESOURCE_ID}">				
					<audio controls="controls">
						<source src="${template_list.RES_IMAGE}" type="audio/mpeg" id="bg_audio_info">
					</audio>
				</c:if>	
			</c:forEach>
			<c:if test="${u_template.bg_audio == null }">	
				<audio controls="controls" id="bg_audio_info">
					<source src="" type="audio/mpeg" >
				</audio>
			</c:if>	
		</div> 
		 
		
	</div>
<script type="text/javascript" src="lib/jquery/1.9.1/jquery.min.js"></script> 
<script type="text/javascript" src="lib/layer/2.1/layer.js"></script> 
<script type="text/javascript" src="lib/My97DatePicker/WdatePicker.js"></script> 
<script type="text/javascript" src="lib/icheck/jquery.icheck.min.js"></script> 
<script type="text/javascript" src="lib/Validform/5.3.2/Validform.min.js"></script> 
<script type="text/javascript" src="lib/webuploader/0.1.5/webuploader.min.js"></script> 
<script type="text/javascript" src="lib/ueditor/1.4.3/ueditor.config.js"></script>
<script type="text/javascript" src="lib/ueditor/1.4.3/ueditor.all.min.js"> </script>
<script type="text/javascript" src="lib/ueditor/1.4.3/lang/zh-cn/zh-cn.js"></script>
<script type="text/javascript" src="js/H-ui.js"></script> 
<script type="text/javascript" src="js/H-ui.admin.js"></script>
</body>
</html>

